<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>商品详情页</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/login2.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<%@ include file="header.jsp"%>

<div style="margin: 0 auto;width: 90%;">
	<ol class="breadcrumb">
		<li><a href="#">小米商城</a></li>
		<li class="active"><a href="goodsservlet?method=getGoodsListByTypeId&typeId=${goods.goodsType.id}">${goods.goodsType.name}</a></li>
	</ol>
</div>

<div class="container">
	<div class="row">
		<div class="col-xs-6 col-md-6">
			<a href="#" class="thumbnail">
				<img src="${pageContext.request.contextPath}/goodsImgs?pic=${goods.picture}"  width="560" height="560"  alt="${goods.name}" />
			</a>
		</div>
		<div class="col-xs-6 col-md-6">
			<div class="panel panel-default" style="height: 560px">
				<div class="panel-heading">商品详情</div>
				<div class="panel-body">
					<h3>产品名称:<small>${goods.name}</small></h3>
					<div style="margin-left: 10px;">

						<p>市场价格:&nbsp;&nbsp;&nbsp;<span class="text-danger" style="font-size: 15px;">${goods.price}</span>&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-yen"></span></p>
						<p>上市时间:&nbsp;&nbsp;&nbsp;${goods.pubdate}</p>
						<p>热销指数:&nbsp;&nbsp;&nbsp;
							<c:forEach begin="1" end="${goods.star}">
								<img src="image/star_red.gif" alt="star"/>
							</c:forEach>
						</p>
						<p>详细介绍:</p>
						<p>&nbsp;&nbsp;${goods.intro }</p>
						<a href="${pageContext.request.contextPath}/cartservlet?method=addCart&goodsId=${goods.id}&number=1" class="btn btn-warning">加入购物车&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-shopping-cart"></span></a>&nbsp;&nbsp;&nbsp;
						<button class="btn btn-danger">直接购买</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 底部 -->
<%@ include file="footer.jsp"%>


</body>
</html>